<template>
	<view class="fillLogs_style">
		<view class="">
			<uni-section title="巡检地点" type="line"></uni-section>
			<uni-list-item
				rightText="采地下资源"
				title="采地下资源、进行考古发掘以及开展集市贸易活动等现象"
			/>
		</view>
		<view class="insContent">
			<uni-section title="巡检主要内容" type="line">
				<uni-list>
					<uni-list-item title="(一)、河道管理范国内，是否存在弃置、堆放阻碍行 洪的物体和种植阻碍行洪的树本及高秆作物等现象， 是否存在修建固堤，阳水渠道、阳水道路等现象" rightText="是" />
					<uni-list-item
						rightText="是"
						title="(二)、在堤防管理范国内，是否存在建房、放牧、开渠、打井、挖害、葬坟、晒粮、存放物料、开采地下资源、进行考古发掘以及开展集市贸易活动等现象"
					/>
					<uni-list-item
						rightText="是"
						title="(三)、在河道管理范国内，是否存在未经批准或者不 按国家规定的防洪标准、工程安全标准整治河道或者 现就水工程建筑物和其他设施的现象"
					/>
					<uni-list-item
						rightText="是"
						title="(四)、在河道管理苑国内、是否存在木经批准或者不按照河道主管机关的规定采砂、取土、淘金、弃置砂石或者淤泥、爆破、钻操、挖筑鱼塘等现象，是否存在河道涛地存放物料、修建厂房或其他建筑设施以及开采地下资源或者进行考古发掘等现象"
					/>
					<uni-list-item rightText="是" title="(六)、在河道管理范围内，是否存在垃圾、漂浮物等 现象" />
					<uni-list-item rightText="是" title="(七)、在河道管理范田内，是否存在其他违法水法规的涉河现象" />
					<uni-list-item
						rightText="是"
						title="(二)、在堤防管理范国内，是否存在建房、放牧、开渠、打井、挖害、葬坟、晒粮、存放物料、开采地下资源、进行考古发掘以及开展集市贸易活动等现象"
					/>
				</uni-list>
			</uni-section>
		</view>
		<view class="">
			<uni-section title="发现的问题" type="line"></uni-section>
			<uni-list-item
				title="发现的问题发现的问题发现的问题发现的问题"
			/>
		</view>
		<view class="">
			<uni-section title="采取的措施" type="line"></uni-section>
			<uni-list-item
				title="发现的问题发现的问题发现的问题发现的问题"
			/>
		</view>
		<view class="">
			<uni-section title="现成照片" type="line">
				<view class="example-body">
					<uni-file-picker limit="9" title="" mode="grid" @select="select" @progress="progress" @success="success" @fail="fail"></uni-file-picker>
				</view>
			</uni-section>
		</view>
		<view class="rectification">
			<uni-section title="移交整改" type="line"></uni-section>
			<custom-tree-select :listData="listData" v-model="formData.selectedArr" />
		</view>
		<!-- <view class="fillLogs_button">
			<button type="submit">提交</button>
		</view> -->
	</view>
</template>

<script>
export default {
	data() {
		return {
			Inspection: '', //巡检地点
			formData: {
				selectedArr: []
			},
			listData: [
				{
					id: 1,
					name: '城市1',
					children: [
						{
							id: 3,
							name: '街道1',
							children: [
								{
									id: 4,
									name: '小区1'
								}
							]
						}
					]
				},
				{
					id: 2,
					name: '城市2',
					children: [
						{
							id: 6,
							name: '街道2'
						}
					]
				}
			]
		};
	},
	onLoad() {},
	methods: {
		// 获取上传状态
		select(e) {
			console.log('选择文件：', e);
		},
		// 获取上传进度
		progress(e) {
			console.log('上传进度：', e);
		},

		// 上传成功
		success(e) {
			console.log('上传成功');
		},

		// 上传失败
		fail(e) {
			console.log('上传失败：', e);
		}
	}
};
</script>

<style lang="scss">
	/deep/ .uni-list-item__extra-text {
		color:#2E87FF;
	}
/deep/ .uni-textarea-textarea {
	background: #f0f2f5;
	border-radius: 10rpx;
}
/deep/ .uni-section .uni-section-header[data-v-5584ec96] {
	padding: 24rpx 20rpx 0 20rpx !important;
}

/deep/ .file-picker__box-content {
	border-radius: 30rpx !important;
	width: 200rpx;
	height: 200rpx;
}
.insContent {
	margin-top: 10rpx;
}

.rectification {
	padding-bottom: 100rpx;
}

.fillLogs_button {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 100rpx;
	background-color: rgba(255, 255, 255, 0.5);
}
.fillLogs_button button {
	width: 50%;
	background-color: #2e87ff;
	color: #fff;
	border-radius: 20rpx;
}

.fillLogs_button button:hover {
	background-color: #2e87ff;
	box-shadow: 0px 0px 20px -18px;
}

.fillLogs_button button:active {
	transform: scale(0.95);
}
</style>
